// 页面加载完成后执行
window.addEventListener('DOMContentLoaded', () => {
    // 1. 绑定所有按钮的点击事件（提前绑定，确保第一次点击有效）
    bindBtnEvents();

    // 2. 设置默认激活的按钮（如果HTML中未默认添加active类）
    const defaultBtn = document.querySelector('.btn-style');
    if (defaultBtn && !defaultBtn.classList.contains('active')) {
        defaultBtn.classList.add('active');
    }
});


// 绑定按钮点击事件（单独抽离，确保只绑定一次）
function bindBtnEvents() {
    // 给所有按钮添加点击事件（使用事件委托更高效）
    document.addEventListener('click', (e) => {
        const targetBtn = e.target.closest('.btn-style');
        if (targetBtn) { // 只处理带有.btn-style类的按钮
            updateActiveBtn(targetBtn); // 调用激活逻辑
        }
    });
}

// 统一处理按钮激活状态（核心逻辑）
function updateActiveBtn(currentBtn) {
    // 移除所有按钮的active类
    document.querySelectorAll('.btn-style').forEach(btn => {
        btn.classList.remove('active');
    });
    // 给当前点击的按钮添加active类
    currentBtn.classList.add('active');
    console.log('当前激活按钮:', currentBtn.textContent);
}

function skip() {
    window.open('https://kuwo.cn/', '_blank');
}

function home() {
    $('#main').empty()
    clearInterval(interval)
}

// 页面加载完成后调用（可选，根据需求决定是否需要）
// $(document).ready(function() {
//     getRankData(); // 如果需要自动加载可取消注释
// });

